<template>
  <div class="news_nav">
    <div class="news_item">
      <span :class="currentNav == 1? 'isShowNav' : ''" @click="changFatherIndex('1')">全部</span>
    </div>
    <div class="news_item">
      <span :class="currentNav == 2? 'isShowNav' : ''" @click="changFatherIndex('2')">附近</span>
    </div>
  </div>
</template>

<script>
import { getSignPackage } from "api/home";
export default {
  name: "NewsNav",
  props: {
    currentNav: {
      type: String,
      default: "1",
    },
  },
  data() {
    return {};
  },
  mounted() {},
  methods: {
    // 修改父组件数据
    changFatherIndex(index) {
      this.$emit("changNav", index);
      // if (index == 2) {
      //   this.scanCode();
      // }
    },
    scanCode() {
      let that = this;
      // getSignPackage("location").then((res) => {
      //   let that = this;
      //   if (res.code == 200) {
      //     // 配置 JS-SDK
      //     that.wx.config({
      //       debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
      //       appId: res.data.signPackage.appId, // 必填，公众号的唯一标识
      //       timestamp: res.data.signPackage.timestamp, // 必填，生成签名的时间戳
      //       nonceStr: res.data.signPackage.nonceStr, // 必填，生成签名的随机串
      //       signature: res.data.signPackage.signature, // 必填，签名
      //       jsApiList: [
      //         "onMenuShareTimeline",
      //         "onMenuShareAppMessage",
      //         "onMenuShareQQ",
      //         "onMenuShareWeibo",
      //         "scanQRCode",
      //         "getLocation",
      //       ], // 必填，需要使用的JS接口列表
      //     });
      //     that.wx.ready(() => {
      //       that.wx.getLocation({
      //         type: "gcj02",
      //         success: function (res) {
      //           // latitude;  纬度，浮点数，范围为90 ~ -90
      //           // longitude;  经度，浮点数，范围为180 ~ -180。
      //           let lat = res.latitude;
      //           let lng = res.longitude;
      //           let x_PI = (3.14159265358979324 * 3000.0) / 180.0;
      //           let z =
      //             Math.sqrt(lng * lng + lat * lat) +
      //             0.00002 * Math.sin(lat * x_PI);
      //           let theta =
      //             Math.atan2(lat, lng) + 0.000003 * Math.cos(lng * x_PI);
      //           let longitude = z * Math.cos(theta) + 0.0065;
      //           let latitude = z * Math.sin(theta) + 0.006;
      //           // this.$bus.$emit("changezb", this.longitude, this.latitude);
      //           that.$bus.$emit("changezb", longitude, latitude);
      //         },
      //       });
      //     });
      //   }
      // });
    },
  },
};
</script>

<style lang="less" scoped>
.news_nav {
  display: flex;
  height: 46px;
  line-height: 46px;
  text-align: center;
  font-size: 18px;
  border-bottom: 5px solid #f7f9fb;
  .news_item {
    flex: 1;
    span {
      padding: 10px;
    }
  }
}
.isShowNav {
  color: #28c08d;
  border-bottom: 3px solid #28c08d;
}
</style>